#5965C0

Color Details

HEX
#5965C0
RGB
rgb(89, 101, 192)
HSL
hsl(233, 45%, 55%)
CMYK
cmyk(54%, 47%, 0%, 25%)
Best text on this color #FFFFFF (CR 5.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5965c0
Contrast 4.05:1 Fail
White on #5965c0
Contrast 5.19:1 AA
#5965c0 on Black
Contrast 4.05:1 Fail
#5965c0 on White
Contrast 5.19:1 AA

Tints & Shades

#7a84cd
#9ba3d9
#bdc1e6
#47519a
#353d73
#24284d

Complement & Analogous

#c0b459
#8059c0
#5998c0

Triadic

#c05965
#65c059

Monochrome

#24284d #353d73 #5965c0 #9ba3d9 #bdc1e6 #dee0f2

Analogous

#5998c0 #8bb7d3 #5965c0 #997acd #8059c0 #66479a

Complementary Mix

#353d73 #5965c0 #9ba3d9 #c0b459 #d6ce93 #7d753a

Nearby Colors

#5965bf
#5965c1
#5965b0
#5965d0

Embed #5965C0 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5965C0

#5965C0 converts to RGB(89, 101, 192) and HSL(233, 45%, 55%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5965C0 FAQs

What is the RGB value of #5965C0?
RGB: 89, 101, 192. Copy as CSS: rgb(89, 101, 192)
Is #5965C0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5965C0?
Complement: #c0b459.
Does #5965C0 have good contrast on white or black?
On white: 5.19:1 (AA (normal text)). On black: 4.05:1 (AA (large text)).